<template>
	<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item v-for="item in lbData" :key="item.id">
			<view class="swiper-item">
				<image class="imgItem" :src="item.img" mode=""></image>
			</view>
		</swiper-item>

	</swiper>
</template>

<script>
	export default {
		props: {
			lbData: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.swiper {
		height: 400rpx;
		width: 750rpx;

		.swiper-item {
			width: 750rpx;

			.imgItem {
				width: 750rpx;
				height: 400rpx;


			}

		}

	}
</style>